import React, { Component } from 'react';
import { Link, routerRedux } from 'dva/router';
import { connect } from 'dva';

import { List, InputItem, Button, Toast, Flex,Icon,Tabs,WingBlank } from 'antd-mobile';
import NavTopBar from '../../components/NavTopBar/NavTopBar';
import weixinsvg from '../../assets/img/weixin.svg';
import weibosvg from '../../assets/img/weibo.svg';
import qqsvg from '../../assets/img/QQ.svg';





class ThirdParty extends Component {
    constructor(props) {
        super(props);
        this.state={

        }

    }


    render() {
        return (
            <Flex style={{
                height:"100%"
            }} direction="column"

            >
                <NavTopBar title="绑定第三方登录" dispatch={this.props.dispatch}/>
                <Flex justify="around"  style={{ width:"100%",padding:"1rem 0",backgroundColor:"#fff"}}>
                    <div style={{textAlign:"center"}}>
                        <Icon type={weixinsvg.id} style={{width:"1.5rem",height:"1.5rem"}}></Icon>
                        <p>未绑定</p>
                    </div>
                    <div style={{textAlign:"center"}}>
                        <Icon type={qqsvg.id} style={{width:"1.5rem",height:"1.5rem"}}></Icon>
                        <p>未绑定</p>
                    </div>
                    <div style={{textAlign:"center"}}>
                        <Icon type={weibosvg.id} style={{width:"1.5rem",height:"1.5rem"}}></Icon>
                        <p>未绑定</p>
                    </div>
                </Flex>
            </Flex>
        );
    }
}

export default connect(({ login }) => ({ login }))(ThirdParty);